<template>
  <div class="wave-title relative flex">
    <span class="flex flex-1 text-[14px] text-[#8ED5FF]">{{ label }}</span>
    <span class="flex flex-1 text-[14px]">{{ value }}</span>
  </div>
</template>

<script setup lang="tsx">
import { ref } from 'vue';

defineProps({
  label: {
    type: String,
    default: '',
  },
  value: {
    type: String,
    default: '',
  },
});
</script>

<style lang="scss" scoped>
.wave-title {
  margin-right: 40px;
  &::after {
    position: absolute;
    content: '';
    right: 0;
    top: 4px;
    width: 1px;
    height: 14px;
    background: #ffffff;
    opacity: 0.5;
  }
  &:last-child {
    margin-right: 0;
    &::after {
      display: none;
    }
  }
}
</style>
